<style>
	body{ margin: 0; padding: 0; text-align: center; }          
	#menu { width:800px; margin:0 auto; text-align:left;}
	#menu ul {float:left; margin:0px; padding:0px; list-style:none; }
	#menu ul li { float:left; width:99px; display:block; line-height:30px; text-align:center; }
	#menu .menudiv {float:left; width:1px;height:20px; background:#888; margin-top:5px; }
</style>
<body>                               
	<div id="menu">              
		<ul>
			<li><a href="#">菜单选项1</a></li><li class="menudiv"> </li>
			<li><a href="#">菜单选项2</a></li><li class="menudiv"> </li>
			<li><a href="#">菜单选项3</a></li><li class="menudiv"> </li>
			<li><a href="#">菜单选项4</a></li><li class="menudiv"> </li>
			<li><a href="#">菜单选项5</a></li><li class="menudiv"> </li>
			<li><a href="#">菜单选项6</a></li><li class="menudiv"> </li>
			<li><a href="#">菜单选项7</a></li><li class="menudiv"> </li>
			<li><a href="#">菜单选项8</a></li>
		</ul>	
	</div>	
</body>	

